<template>
  <div class="com_div">
    <div class="com_left">
      <div class="span"><span>{{this.item_data.attrName}}</span></div>
    </div>
    <div class="com_right">
      <div><el-input v-model="attrValue" ></el-input></div>
    </div>
  </div>
</template>

<script>
export default {
  components: {
    
  },
  mounted() {
    this.attrValue = this.item_data.attrValue;
  },
  props:{
    item_data: Object,
  },
  watch:{
    attrValue:{
      handler: function(newValue){
        // console.log('com-input发生修改', newValue)
        this.item_data.attrValue = newValue;
      },
    },
    item_data:{
      handler: function(newValue){
        this.attrValue = newValue.attrValue;
      },
    }
  },
  data() {
    return {
      attrValue: '',
    }
  },
  methods: {
    
  },
}
</script>

<style>

</style>